.ScreenLyricsPage{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(
                  0deg
          ,#cc6aa5,#3e91cc,#2dcca7);
  background-size: 100% 600%;
  .ScreenLyrics_title{
    //height: 50px;
    width: 100%;
    .AllTop{
      background-color: transparent;
    }
  }
  .ScreenLyrics_Content{
    flex: 1;
    display: flex;
    padding: 30px 0 100px 0;
    box-sizing: border-box;
    .Content_center{
      flex: 1;
      .Center_title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .song_name{
          font-size: 28px;
        }
        .song_ar_al_box{
          .song_ar, .song_al{
            .sl_name{
              font-size: 14px;
              color: rgba(0,0,0,0.38);
              &:hover{
                cursor: pointer;
                color: rgba(0,0,0,0.6);
              }
            }
            .Artists-Name{
              font-size: 14px;
              color: rgba(0,0,0,0.38);
              &:after{
                padding: 0 2px;
                content: '/';
              }
              &:hover{
                cursor: pointer;
                color: rgba(0,0,0,0.6);
              }
              &:last-child{
                &:after{
                  content: '';
                }
              }
            }
          }
        }
      }
      .Center_lyrics_box{
        width: 100%;
        height: 450px;
        display: flex;
        padding: 20px 150px;
        box-sizing: border-box;
        .animate_lyrics{
          flex: 1;
          .image_round,.round_lines, .lines1, .lines2, .lines3, .lines4{
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .image_round{
            width: 310px;
            height: 310px;
            border-radius: 50%;
            background-color: rgba(195,195,195,0.8);
            .round_lines{
              width: 280px;
              height: 280px;
              border-radius: 50%;
              background-color: #000;
              .lines1{
                width: 260px;
                height: 260px;
                border-radius: 50%;
                border: 0.5px solid rgba(195,195,195,0.3);
              }
              .lines2{
                width: 250px;
                height: 250px;
                border-radius: 50%;
                border: 0.5px solid rgba(195,195,195,0.3);
              }
              .lines3{
                width: 240px;
                height: 240px;
                border-radius: 50%;
                border: 0.5px solid rgba(195,195,195,0.3);
              }
              .lines4{
                width: 230px;
                height: 230px;
                border-radius: 50%;
                border: 0.5px solid rgba(195,195,195,0.3);
              }
              .song_img{
                width: 200px;
                height: 200px;
                border-radius: 50%;
                img{
                  width: 100%;
                  height: 100%;
                  border-radius: 50%;
                }
              }
            }
          }
        }
        .lyrics_list{
          height: 100%;
          flex: 1;
          .lyricsitem{
            text-align: center;
            color: rgb(102,102,102);
          }
          .lyricsitemactive{
            font-size: 16px;
            color: #000;
          }
        }
      }
      .Screen_Comment{
        width: 600px;
        margin: 0 auto;
        .Hot_Comment, .New_Comment{
          margin-bottom: 20px;
          .title{
            font-size: 16px;
            font-weight: bold;
          }
          .Comment_list{
            .CommentItems{
              display: flex;
              min-height: 50px;
              padding: 20px 0;
              box-sizing: border-box;
              border-bottom: 1px solid rgba(216,216,216,0.1);
              .user_avatar{
                padding: 0 10px;
              }
              .Items_box{
                .user_name{
                  font-size: 12px;
                  color: black;
                  &:hover{
                    cursor: pointer;
                    color: rgba(0,0,0,0.78);
                  }
                }
                .comment_text{
                  font-size: 12px;
                }
                .comment_info{
                  .time{
                    font-size: 12px;
                    color: rgba(0,0,0,0.6);
                  }
                }
              }
            }
          }
        }
      }
    }

  }
}